<template>
  <!-- 商品信息 -->
  <div class="goods-info">
    <!-- 图片预览区 -->
    <div class="media">
      <XtxImageView :imageList="goods.details.pictures"></XtxImageView>
    </div>
    <!-- 商品信息区 -->
    <div class="spec"></div>
  </div>
</template>
<script>
export default {
  name: "goods-info",
  props: {
    goods: {
      type: Object,
      default: () => {},
    },
  },
};
</script>
<style lang="less" scoped>
.goods-info {
  min-height: 600px;
  background: #fff;
  display: flex;
  .media {
    width: 580px;
    height: 600px;
    padding: 30px 50px;
  }
  .spec {
    flex: 1;
    padding: 30px 30px 30px 0;
  }
}
</style>
